<!DOCTYPE html>
<html>
<head>
	
	<script src="style/js/jquery-1.11.3.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>优雅草科技-成都APP开发公司_专注软件开发及APP开发外包服务</title>
<meta name="description" content="成都APP开发公司【优雅草科技】为企业提供专业的APP开发服务，专业项目团队帮助客户免费梳理APP制作需求，免费评估APP开发价格及制作工期，深受客户好评。" />
<meta name="keywords" content="成都APP开发,成都APP开发公司,成都软件开发,APP开发" />
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" type="text/css" href="style/css/common.css">
<link rel="stylesheet" type="text/css" href="style/css/index.css">
<link rel="stylesheet" type="text/css" href="style/css/respond.css">
<script src="style/js/home.min.js" type="text/javascript"></script>
<script src="style/js/common.js" type="text/javascript"></script>
<script src="style/js/canvas2.js"></script>
<link rel="stylesheet" type="text/css" href="style/css/swiper.min.css">

</head>
<body class="index">
<!-- header start -->
<div class="header">
	<div class="zcon">
		<div class="head">
			<div class="logo">
				<a href="/" title="优雅草科技APP开发公司"><h1><img alt="优雅草科技APP开发公司logo" src="style/img/logo.png" /></h1></a>
			</div>
			<div class="center_intrl">
				<h4 class="">成都市·专业<b>软件开发</b>-系统集成</h4>
		
			</div>
			<div class="top_tel">				
				<p><i>商务合作咨询：</i><span>技术13708021643卓</span></p>	
										
			</div>
		</div>
	</div>
		
	<div class="nav">
		<div class="zcon">
			<ul class="nav-box" id="nav-box">
				<li class="first"><a href="#contact">首页</a><span></span></li>
				
					<li><a href='https://songshu.youyacao.com' >自研产品</a><span></span></li>		
						
						
				<li><a href='/kaifa/app/index.html' >APP开发</a><span></span></li>
						
				<li><a href='/kaifa/Industry/index.html' >智慧工业</a><span></span></li>
						
				
						
				<li><a href='/kaifa/Blockchain/index.html' >区块链开发</a><span></span></li>
						
				<li><a href='/kaifa/uniapp/index.html' >uniapp开发</a><span></span></li>
						
				<li><a href='/kaifa/flutter/index.html' >flutter开发</a><span></span></li>
						
				<li><a href='/kaifa//daping/index.html' >大屏开发</a><span></span></li>
						
				<li><a href='https://www.youyacao.com/news/category-anli.html' >经典案例</a><span></span></li>
				 
			</ul>
		</div>
	</div>
	<a href="javascript:" id="pull" onclick=''><img src="style/img/menu.png" title="menu" /></a>
	<div class="menu_bg" id="menu_bg"></div>
</div>
<!-- header end -->
<div class="sidemenu" id="side-menu">
	<ul>	
		<li class="homeli"><a href='#contact'>首页</a></li>
		
			<li><a href='/kaifa/app/index.html'>APP开发</a></li> 
		
			<li><a href='/kaifa/Industry/index.html'>智慧工业</a></li> 
		
					<li><a href='https://songshu.youyacao.com' >自研产品</a></li>	
					
			<li><a href='/kaifa/Blockchain/index.html'>区块链开发</a></li>
			
		
			<li><a href='/kaifa/flutter/uniapp.html'>uniapp开发</a></li> 
		
			<li><a href='/kaifa/flutter/index.html'>flutter开发</a></li> 
		
			<li><a href='/kaifa/daping/index.html'>大屏开发</a></li> 
		
			<li><a href='https://www.youyacao.com/news/category-anli.html'>经典案例</a></li> 
		
	</ul>
</div>
<script type="text/javascript">
$(function(){
	$('#pull').click(function(){
		if(parseInt($("#side-menu").css("right"))<=-165)
		{
			$("#side-menu").animate({right:0},"fast").css("display","block");
			$("body").animate({right:165},"fast");
			$('#menu_bg').addClass('menu_bg_active');
		}
	})
	$('#menu_bg').click(function(){
		$("#side-menu").animate({right:-165},"fast").css("display","none");
		$("body").animate({right:0},"fast");
		$('#menu_bg').removeClass('menu_bg_active');
	})
})
</script>
<!-- banner start -->
<div class="banner">
  <div id="banner">
    <div class="swiper-container">
      <div class='swiper-wrapper'>
        <div class='swiper-slide'><img src="style/img/kfbanner1.png"></div>
<div class='swiper-slide'><img src="style/img/kfbanner2.png"></div>
<div class='swiper-slide'><img src="style/img/kfbanner3.png"></div>
      </div>
      <div class="swiper-pagination swiper-pagination-white"></div>
    </div>
  </div>
</div>
<!-- banner end -->
<div id="business">
  <div id="business_center">
    <div class="business_font">
      <p>优雅草主要是做什么的？</p>
      <tg>成都软件开发公司优雅草科技是四川省成都市领先的移动互联网应用APP定制开发商，我们以技术型驱动为核心，用移动互联网思维为企业客户提供APP开发一站式服务</tg>
    </div>
    <ul class="bankuai">
			<li class=" li_01 index_bg_01"> <a href="/kaifa/app/index.html">
					<div class="bankuai_bg"></div>
					<div class="mypng pic1"><em></em></div>
					<div class="mypng pic2"><em></em></div>
					<div class="text1">
						<h2>APP开发</h2>
						<p>提供原生APP开发、webAPP开发及混合框架APP开发服务。专业的技术团队，丰富的行业项目经验！</p>
					</div>
					<div class="text2">
						<h2>APP开发</h2>
						<p>提供原生APP开发、webAPP开发及混合框架APP开发服务。专业的技术团队，丰富的行业项目经验！</p>
					</div>
					</a> </li>
	<li class="no_left index_bg_04"><a href="/kaifa/Industry/index.html" target="_blank">
        <div class="bankuai_bg"></div>
        <div class="mypng pic1"><em></em></div>
        <div class="mypng pic2"><em></em></div>
        <div class="text1">
          <h2>智慧工业</h2>
          <p>公司以人工智能技术为依托，智慧工业产品为根基，扎根智慧工业行业为长期战略发展目标，拥有来 自国内顶尖互联网企业的研发团队！</p>
        </div>
        <div class="text2">
          <h2>智慧工业</h2>
          <p>公司以人工智能技术为依托，智慧工业产品为根基，扎根智慧工业行业为长期战略发展目标，拥有来 自国内顶尖互联网企业的研发团队！</p>
        </div>
        </a> </li>
		<li class="index_bg_02"><a href="/kaifa/Blockchain/index.html">
        <div class="bankuai_bg"></div>
        <div class="mypng pic1"><em></em></div>
        <div class="mypng pic2"><em></em></div>
        <div class="text1">
          <h2>区块链开发</h2>
          <p>深耕技术底层，研究开发自有专业级区块链底层，融入大数据，人工智能，云计算，5G等新一代互联网技术。</p>
        </div>
        <div class="text2">
          <h2>区块链开发</h2>
          <p>深耕技术底层，研究开发自有专业级区块链底层，融入大数据，人工智能，云计算，5G等新一代互联网技术。</p>
        </div>
        </a></li>
		
		<li class="index_bg_03"><a href="/kaifa/daping/index.html">
        <div class="bankuai_bg"></div>
        <div class="mypng pic1"><em></em></div>
        <div class="mypng pic2"><em></em></div>
        <div class="text1">
          <h2>大屏开发</h2>
          <p>为政府、企业、事业单位及高校提供软件定制开发服务如：在线学习考试系统数据大屏，会务管理系统数据大屏，智慧社区系统数据大屏，智慧校园系统数据大屏等。</p>
        </div>
        <div class="text2">
          <h2>大屏开发</h2>
          <p>为政府、企业、事业单位及高校提供软件定制开发服务如：在线学习考试系统数据大屏，会务管理系统数据大屏，智慧社区系统数据大屏，智慧校园系统数据大屏等。</p>
        </div>
        </a> </li>
    </ul>
    <div class="clearfix"></div>
		<a class="qq_icon qq_icon_weixin zixun_web" href="http://wpa.qq.com/msgrd?v=3&uin=800139566&site=qq&menu=yes" rel="nofollow" target="_blank">立即咨询</a>
		
	</div>
	<script type="text/javascript">
		$("#business_center ul li").each(function(){
			$(this).hover(function(){
				$(this).find("a").addClass("a-active");
				$(this).find('.pic1').stop().animate({right:'-100%'},300);
				$(this).find('.pic2').stop().animate({left:'0'},300);
				$(this).find('.text1').stop().animate({left:'-100%'},300);
				$(this).find('.text2').stop().animate({right:'0'},300);
			},function(){
				$(this).find("a").removeClass("a-active");
				$(this).find('.pic1').stop().animate({right:'0'},300);
				$(this).find('.pic2').stop().animate({left:'-100%'},300);
				$(this).find('.text1').stop().animate({left:'0'},300);
				$(this).find('.text2').stop().animate({right:'-100%'},300);
			});
		})

	</script>
</div>

<div class="testmonials ixuqiu">
	<div class="zcon">			
		<div class="client-sys col-md-6">				
			<div class="gallery autoplay items-3">					
				<figure class="item">
				  <h3>优雅草解决什么问题？</h3>
				  <p class="client-says">在互联网的信息浪潮中，很多传统行业或者创业团队抓住了机会，实现了转型和发展。优雅草科技主要为企业提供一站式软件开发解决方案，根据企业客观条件以及市场行业分析，为企业提供有竞争力的互联网项目研发！</p>
					 <div class="ixq_item ixq_item1">
						<i>01</i>
						<h4 class="title">我们没有技术团队，对APP也不了解，能做好项目吗？</h4>
						<p class="text">优雅草科技提供APP开发外包服务，从售前、售中到售后都有专业的团队帮您出谋划策，解决您的后顾之忧！截止2023年12月我司共计从业人数44名（对公打卡发工资）</p>
					</div>
					 <div class="ixq_item ixq_item2">
						<i>02</i>
						<h4 class="title">请问付款方式是什么，我担心你们做不出来怎么办？</h4>
						<p class="text">没有金刚钻绝不会揽瓷器活，我司的软件开发合同附带高额违约金协议，其次我司拥有淘宝店支持淘宝担保交易，完成后确认收货再付款。</p>
					</div>
					 <div class="ixq_item ixq_item3">
						<i>03</i>
						<h4 class="title">后期我们的APP需要升级怎么办？</h4>
						<p class="text">我们给客户开发项目是交付源代码的，后期如果客户有自己的技术团队可以直接进行二次开发，迭代升级；如果客户没有技术团队，也可以找回我们做二次开发！如果开发APP可以考虑加入热更新功能实现在线升级无需另下载！</p>
					</div>
					<div class="ixq_item ixq_item4">
						<i>04</i>
						<h4 class="title">我不懂我的需求如何描述？</h4>
						<p class="text">联系我们的售前商务人员会全程辅助您制作出需求文档，您只需要用通俗易懂的言语讲出来即可，商务人员会梳理整理完善的需求文档，可以问客服索要需求文档模板进行参考。</p>
					</div>
					
					<div class="ixq_item ixq_item4">
						<i>05</i>
						<h4 class="title">如果我不满意我定制的软件怎么办？</h4>
						<p class="text">优雅草从2015年成立最初的小工作室做到如今庞大的客户量靠的是实力上位，首先是商务人员一定为按照您的预算和需求梳理最符合现阶段的执行方案和报价，其次UI设计师会听取您的设计想法设计首页定版，初稿，副稿直到所有的页面一一定稿，前端人员才会开始规划页面开发，因此优雅草做的每一个产品都必须是客户最满意的产品，一次合作，终身朋友！高端品质，助你腾飞！保障绝对不会存在品质问题！贵是值得的！优雅草仅服务于小众客户群体，确保维护好每一位客户！</p>
					</div>
				</figure>
				<div class="clearfix"> </div>
				
		  </div>
		</div>
		<div class="client-pic col-md-6">
			<img src="style/img/index_1.png" alt="APP开发服务">
		</div>
		<div class="clearfix"> </div>
	 </div>
 </div>

<div id="services" class="services">
		<div class="zcon">
			<h3>优雅草的软件开发服务流程</h3>
			<p class="service_h">商务售前输出流程</p>
		<div class="services-list text-center">
			<ul class="list-unstyled list-inline">
				<li>
					<a href="javascript:"><span><img src="style/img/icon01.png"></span><label>需求调研/签订合同</label></a>
				</li>
				<li>
					<a href="javascript:"><span><img src="style/img/icon02.png"></span><label>产品原型确认</label></a>
				</li>
				<li>
					<a href="javascript:"><span><img src="style/img/icon03.png"></span><label>页面设计</label></a>
				</li>
				<li>
					<a href="javascript:"><span><img src="style/img/icon04.png"></span><label>需求文档确认/分组开发</label></a>
				</li>
				<li>
					<a href="javascript:"><span><img src="style/img/icon05.png"></span><label>测试计划</label></a>
				</li>
				<li>
					<a href="javascript:"><span><img src="style/img/icon06.png"></span><label>交付上线/部署服务器</label></a>
				</li>
				<li>
					<a href="javascript:"><span><img src="style/img/icon07.png"></span><label>迭代优化/团队建设建</label></a>
				</li>
	<li>
		<a href="javascript:"><span><img src="style/img/icon11.png"></span><label>商务阶段</label></a>
	</li>
	<li>
		<a href="javascript:"><span><img src="style/img/icon12.png"></span><label>产品设计阶段</label></a>
	</li>
	<li>
		<a href="javascript:"><span><img src="style/img/icon13.png"></span><label>UI设计阶段</label></a>
	</li>
	<li>
		<a href="javascript:"><span><img src="style/img/icon14.png"></span><label>代码开发阶段</label></a>
	</li>
	<li>
		<a href="javascript:"><span><img src="style/img/icon15.png"></span><label>交付阶段</label></a>
	</li>
	<li>
		<a href="javascript:"><span><img src="style/img/icon16.png"></span><label>售后阶段</label></a>
	</li>
	<li>
		<a href="javascript:"><span><img src="style/img/icon17.png"></span><label>迭代优化，团队建设建议</label></a>
	</li>
			</ul>
			<div class="clearfix"></div>
		</div>

		<!----//End-servicves-list---->
		</div>
	</div>
<!-- serviceCont end -->
<!-- <div id="section3" init="false" class="section section3 isuccess">
	<div class="succeed">
		<div class="succeed_title">
			<h2>经典案例</h2>
			<p>Our cases</p>
		</div>
	</div>
	<div class="zcon">
		<ul id="da-thumbs" class="da-thumbs fix" >
		<li>
				<a href="#contact"><img src="style/img/2-21032P01504245-lp.jpg"
												alt="APP开发案例分享"/>
					<div>
						<img src="" alt="APP开发案例分享"  />
						<img class="succ_more" src="style/img/da_more.png" alt="查看详细"/>
						<div class="da-shade"></div>
					</div>
				</a>
			</li>
<li>
				<a href="#contact"><img src="style/img/2-210209220334Q8-lp.jpg"
												alt="APP制作案例分享"/>
					<div>
						<img src="" alt="APP制作案例分享"  />
						<img class="succ_more" src="style/img/da_more.png" alt="查看详细"/>
						<div class="da-shade"></div>
					</div>
				</a>
			</li>
<li>
				<a href="#contact"><img src="style/img/2-1Z52010123b19.jpg"
												alt="软件开发案例分享"/>
					<div>
						<img src="" alt="软件开发案例分享"  />
						<img class="succ_more" src="style/img/da_more.png" alt="查看详细"/>
						<div class="da-shade"></div>
					</div>
				</a>
			</li>
<li>
				<a href="#contact"><img src="style/img/2-1Z520092446363.jpg"
												alt="软件定制案例分享"/>
					<div>
						<img src="" alt="软件定制案例分享"  />
						<img class="succ_more" src="style/img/da_more.png" alt="查看详细"/>
						<div class="da-shade"></div>
					</div>
				</a>
			</li>
<li>
				<a href="#contact"><img src="style/img/2-1Z513151641394.jpg"
												alt="APP开发案例分享"/>
					<div>
						<img src="" alt="APP开发案例分享"  />
						<img class="succ_more" src="style/img/da_more.png" alt="查看详细"/>
						<div class="da-shade"></div>
					</div>
				</a>
			</li>
<li>
				<a href="#contact"><img src="style/img/2-1Z513143I2c0.jpg"
												alt="APP制作案例分享"/>
					<div>
						<img src="" alt="APP制作案例分享"  />
						<img class="succ_more" src="style/img/da_more.png" alt="查看详细"/>
						<div class="da-shade"></div>
					</div>
				</a>
			</li>
<li>
				<a href="#contact"><img src="style/img/2-1Z513142231Z7.jpg"
												alt="软件开发案例分享"/>
					<div>
						<img src="" alt="软件开发案例分享"  />
						<img class="succ_more" src="style/img/da_more.png" alt="查看详细"/>
						<div class="da-shade"></div>
					</div>
				</a>
			</li>
<li>
				<a href="#contact"><img src="style/img/2-1Z2121HZ41C.jpg"
												alt="软件定制案例分享"/>
					<div>
						<img src="" alt="软件定制案例分享"  />
						<img class="succ_more" src="style/img/da_more.png" alt="查看详细"/>
						<div class="da-shade"></div>
					</div>
				</a>
			</li>
 
		</ul>
<div class="clearfix"></div>
</div></div> -->




<!-- <div class="imsg">
  <div class="zcon">
    <h2>填写您的项目需求给我们。</h2>
    <div class="s1">
      <form action="/plus/diy.php" enctype="multipart/form-data" method="post">
        <input type="hidden" name="action" value="post" />
        <input type="hidden" name="diyid" value="1" />
        <input type="hidden" name="do" value="2" />
        <input class="s1-a" name="name" type="text" placeholder="称呼姓名">
        <input class="s1-a" name="phone" id="phone" type="text" placeholder="联系电话">
        <input class="s1-b" name="content1" type="text" placeholder="请您在这里描述您的需求！">
        <input type="hidden" name="dede_fields" value="name,text;phone,text;content1,multitext" />
        <input type="hidden" name="dede_fieldshash" value="212b911f6a0a2a311cec3f97f69fa3c9" />
        <input class="s1-c" type="submit" name="submit"  onclick="_czc.push(['_trackEvent', '表单提交']);" value="提交项目需求">
      </form>
    </div>
    <p>*请认真填写需求信息，我们会在24小时内与您取得联系。</p>
  </div>
</div> -->
<div class="flink">
			<div class="zcon">
				<span class="flink_tit">友情链接</span>


			</div>
		</div>
</div>
<!-- footer start -->
<div class="footer" id="contact">
	<div class="zcon">		
		<div class="l lianxi">
			  Copyright 2015-2024.成都市一颗优雅草科技有限公司   <br>
			联系电话：技术 13708021643  12*5服务
			<br><!-- WPA start -->
<script id="qd2885750701da9f1fb2d57d20b73c58df1eb155fa29" src="https://wp.qiye.qq.com/qidian/2885750701/da9f1fb2d57d20b73c58df1eb155fa29" charset="utf-8" async defer></script>
<!-- WPA end -->  技术总监QQ:422108995  笔名：卓伊凡 CSDN:优雅草_央千澈
			<br>主营业务：APP开发、智慧工业、区块链开发、uniapp开发、flutter开发、大屏开发。<br>		
			国家重点软件企业编号：川RQ-2022-0140<br>
			国家高新技术企业：GR202251001737<br>
			<br>
			企业QQ:800139566
			<script id="qd2885750701da9f1fb2d57d20b73c58df1eb155fa29" src="https://wp.qiye.qq.com/qidian/2885750701/da9f1fb2d57d20b73c58df1eb155fa29" charset="utf-8" async defer></script>
			
			地址：成都市青羊区青羊工业总部基H区8栋807号（2024总部地址）
		
		</div>
		<div class="r foot_QRcode">			
		</div>
		<div class="clearfix"></div>
	</div>
</div>

<!-- footer end -->
<div class="yb_conct">
  <div class="yb_bar">
    <ul>
      <li class="yb_top">返回顶部</li>
      
	      <li class="yb_phone">技术13708021643卓</li>
      <li class="yb_QQ">
      	<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=800139566&site=qq&menu=yes" rel="nofollow" title="app开发咨询">QQ在线</a>
      </li>
	  <li class="yb_QQ">
	  	<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=800139566&site=qq&menu=yes" rel="nofollow" title="app开发咨询">QQ在线</a>
	  </li>
      <li class="yb_ercode" style="height:53px;">微信二维码 <br>
        <img class="hd_qr" src="https://www.youyacao.com/images/gfwx.png" alt="关注优雅草科技"> </li>
    </ul>
  </div>
</div>
<div class="phone_foot">
	<div class="pfoot_box">

		<div class="pfoot_col"><a class="" href="tel:13708021643">电话沟通</a></div>
		<div class="clearfix"></div>
	</div>
</div>
<script type="text/javascript">
	$(function(){
		
		$('.nav li').hover(function(){
			$('span',this).stop().css('height','2px');
			$('span',this).animate({
				left:'0',
				width:'100%',
				right:'0'
			}, 200);
		},function(){
			$('span',this).stop().animate({
				left:'50%',
				width:'0'
			}, 200);
		});
		$('.nav li').click(function(){
			 $(this).addClass("current").siblings().removeClass("current");
		});		
		
		
		// 悬浮窗口
		$(".yb_conct").hover(function() {
			$(".yb_conct").css("right", "5px");
			$(".yb_bar .yb_ercode").css('height', '190px');
		}, function() {
			$(".yb_conct").css("right", "-127px");
			$(".yb_bar .yb_ercode").css('height', '53px');
		});
		// 返回顶部
		$(".yb_top").click(function() {
			$("html,body").animate({
				'scrollTop': '0px'
			}, 300)
		});
	});

</script>
 <script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<script></script>

<script src="style/js/swiper.min.js" type="text/javascript"></script>
<script type="text/javascript">
var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
});
$(function(){
	$(".tab_cont > span > a").click(function(){
		$(this).parent().addClass("show").siblings().removeClass("show");
		$($(this).attr("data-href")).css({"display":"block"}).siblings().css({"display":"none"});
	})		
})
</script>
<script src="style/js/index.js"></script>
</body></html>